<?php
use frontend\modules\yii2\widgets\layouts\markdown\Markdown;

$this->title = 'Yii bootstrap3小部件实用教程';
$this->registerMetaTag([
    'name' => 'keywords',
    'content' => 'Yii,bootstrap3,widget,use,例子'
]);
$this->registerMetaTag([
    'name' => 'description',
    'content' => 'Yii bootstrap3 widget小部件的使用方法教程总览'
]);
$this->registerMetaTag([
    'name' => 'author',
    'content' => 'chenzhiwei'
]);

$content = <<<CONTENT

# Yii bootstrap3小部件实用教程

Yii给我们提供了丰富的`widget`小部件，其中就有对`bootstrap`的支持，这样我们后端开发人员可以致力于php代码的编写，但是如果对`bootstrap`不熟悉的话，是很难使用这些小部件的，这也将导致比写原生`html`还费劲，本站的主要目的就是介绍`Yii`提供的`bootstrap`小部件的基本用法及扩展用法，让`Yii`的爱好者能够更容易地开发网站。

## Bootstrap小部件

下面就是`YII`提供的所有`bootstrap`小部件了：

基础组件：

- Alert
- Button
- ButtonDropdown
- ButtonGroup
- Carousel
- Collapse
- Dropdown
- InputWidget
- Modal
- Nav
- NavBar
- Progress
- Tabs
- ToggleButtonGroup

高级扩展：

- ActiveField
- ActiveForm

> 注意：高级扩展小部件和`YII`的关联性极强，以模型类为基础进行表单构建，并非简单的`html`代码输出。



## 安装

官方提供的手脚架已经默认引入了composer依赖，因此可以直接使用：

```json
"require": {
    ... ...
    "yiisoft/yii2-bootstrap": "~2.0.0",
},
```

它所在的目录是：

`vendor/yiisoft/yii2-bootstrap/src`

使用方法为：

```php
\yii\bootstrap\Button::widget([
    'label' => 'Login',
    'options' => ['class' => 'btn btn-primary'],
])
```


CONTENT;
echo Markdown::widget(["content" => $content]);